<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button onclick="fun()">点击</button>
    <button onclick="fun2()">点击</button>
    <button onclick="fun1()">获取</button>
  </body>
  <script>
    function fun() {
      setCookie('username', '张三', 1)
    }
    function fun1() {
      //   console.log(document.cookie)
      getCookie('username123')
      console.log(getCookie('username123'))
    }
    function fun2() {
      setCookie('username123', '张三234', 1)
    }
    //设置cookie
    /**
     *
     * 参数1 ： cookie的键名
     * 参数2： cookie的值
     * 参数三： 过期时间 1代表1天
     */
    function setCookie(cname, cvalue, exdays) {
      //日期对象
      var d = new Date()
      //设置过期的时间 获取当前时间戳 + 天数的时间戳
      d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)
      var expires = 'expires=' + d.toUTCString()
      //设置cookie 拼接值
      document.cookie = cname + '=' + cvalue + '; ' + expires
    }
    //获取cookie
    /**
     * 参数1： cookie的键名
     */
    function getCookie(cname) {
      //拼接键名和=号
      var name = cname + '='
      //通过字符串分割把这个字符串转换成数组
      var ca = document.cookie.split(';')
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i].trim() //去除2端空白
        //检索字符串 未找到返回-1
        if (c.indexOf(name) == 0) {
          //返回 字符串截取
          return c.substring(name.length, c.length)
        }
      }
      return ''
    }
    function checkCookie() {
      var user = getCookie('username')
      if (user != '') {
        alert('欢迎 ' + user + ' 再次访问')
      } else {
        user = prompt('请输入你的名字:', '')
        if (user != '' && user != null) {
          setCookie('username', user, 30)
        }
      }
    }
  </script>
</html>
